<template>
    <div class="sleftlist">
        <h5 @click="emits('change')" class="mb-10 flex aic title">SALES ORDER LIST</h5>
        <div class="orderlist phight">
            <el-table :data="orderList" stripe v-el-table-infinite-scroll="refresh" @row-click="handeclick"
                height="100%">
                <el-table-column fixed prop="PI_name" label="SORDER ID" width="120" />
                <el-table-column prop="State" label="STA" align="center" width="120" />
                <el-table-column prop="items" label="ITEMS" align="center" width="120" />
                <el-table-column prop="iso_code_2" label="CITY" align="center" width="120" />
                <el-table-column prop="clent" label="CLIENT" align="center" width="120" />

            </el-table>
        </div>

    </div>
</template>
<script setup>

const props = defineProps({
    orderList: Object
})


const emits = defineEmits(['getorder', 'refreshOrderList', 'change'])
const handeclick = (row, column, event) => {
    emits('getorder', row)
}
// 刷新方法
const refresh = () => {
    emits('refreshOrderList')
}
</script>

<style lang="less">
.sleftlist {
    width: 100%;

    .title {
        height: 41px;
        padding-left: 10px;
    }

    .orderlist {
        padding: 10px;
        border-radius: 10px;
        background-color: #ffffff;
    }

    .phight {
        height: 427px;
    }

    .el-table .cell {
        padding: 0;
    }
}
</style>


